<template>
  <router-link :to="path" class="xtx-more">
    <span>
      <slot>查看更多</slot>
      <i class="iconfont icon-angle-right"></i>
    </span>
  </router-link>
</template>

<script lang="ts" setup name="gengduo">
// XtxMore
import { defineProps } from 'vue'
const { path = '/' } = defineProps<{
  path?: string
}>()
console.log(`更多`, path)

// const props = withDefaults(defineProps<{ path?: string }>(), { path: '/' })
// console.log(`更多`, props.path)
</script>

<style lang="less" scoped>
.xtx-more {
  margin-bottom: 2px;
  span {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 5px;
    color: #999;
    i {
      font-size: 14px;
      vertical-align: middle;
      line-height: 14px;
      color: #ccc;
    }
  }
  &:hover {
    span,
    i {
      color: @xtxColor;
    }
  }
}
</style>
